{% extends 'front/_layout.html' %}
{% block title %}
<title>首页_杨青个人博客 - 一个站在web前端设计之路的女技术员个人博客网站</title>
<meta name="keywords" content="个人博客,杨青个人博客,个人博客模板,杨青" />
<meta name="description" content="杨青个人博客，是一个站在web前端设计之路的女程序员个人网站，提供个人博客模板免费资源下载的个人原创网站。" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../../../static/front/css/base.css" rel="stylesheet">
<link href="../../../static/front/css/index.css" rel="stylesheet">
<link href="../../../static/front/css/infopic.css" rel="stylesheet">
<link href="../../../static/front/css/m.css" rel="stylesheet">
<script src="../../../static/front/js/jquery.min.js" type="text/javascript"></script>
<script src="../../../static/front/js/piccontent.min.js" type="text/javascript"></script>
<script type="text/javascript" src="../../../static/front/js/hc-sticky.js"></script>
<script type="text/javascript" src="../../../static/front/js/comm.js"></script>
<!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->
{% endblock %}
{% block contenr %}

  <aside>
  <div class="l_box">
    <div class="about_me">
         {% load tagViews %}
          {% aboutMe %}
    </div>
    <div class="wdxc">
        {% load tagViews %}
          {% myGallery %}
    </div>
    <div class="guanzhu">
      <h2>关注我 么么哒</h2>
      <ul>
        <img src="../../../static/front/images/wx.jpg">
      </ul>
    </div>
  </div>
  </aside>
  <div class="picsbox">
<main>
{% if aobj %}
    <div class="bodymodal"></div>
    <!--播放到第一张图的提示-->
    <div class="firsttop">
      <div class="firsttop_right">
        <div class="close2"> <a class="closebtn1" title="关闭" href="javascript:void(0)"></a> </div>
        <div class="replay">
          <h2 id="div-end-h2"> 已到第一张图片了。 </h2>
          <p> <a class="replaybtn1" href="javascript:;">重新播放</a> </p>
        </div>
      </div>
    </div>
    <!--播放到最后一张图的提示-->
    <div class="endtop">
      <div class="firsttop_right">
        <div class="close2"> <a class="closebtn2" title="关闭" href="javascript:void(0)"></a> </div>
        <div class="replay">
          <h2 id="H1"> 已到最后一张图片了。 </h2>
          <p> <a class="replaybtn2" href="javascript:;">重新播放</a> </p>
        </div>
      </div>
    </div>
    <!--弹出层结束--> 
    <!--图片特效内容开始-->
    <div class="piccontext">
      <h2> {{ aobj.title }} </h2>
      <div class="source">
        <div class="source_left"><span>{{ aobj.pubtime|date:'Y-m-d' }}</span> </div>
        <div class="source_right"> <a href="javascript:;" class="list">列表查看</a> </div>
        <div class="source_right1"> <a href="javascript:;" class="gaoqing">高清查看</a> </div>
      </div>
      <!--大图展示-->
      <div class="picshow">
        <div class="picshowtop"> <a href="#"><img src=""  alt="" id="pic1" curindex="0" /></a> <a id="preArrow" href="javascript:void(0)" class="contextDiv" title="上一张"><span id="preArrow_A"></span></a> <a id="nextArrow" href="javascript:void(0)" class="contextDiv" title="下一张"><span id="nextArrow_A"></span></a> </div>
        <div class="picshowtxt">
          <div class="picshowtxt_left"><span>1</span>/<i>{{ nums }}</i></div>
          <div class="picshowtxt_right"></div>
        </div>
        <div class="picshowlist">
          <div class="picshowlist_mid">
            <div class="picmidleft"> <a href="javascript:void(0)" id="preArrow_B"><span class="sleft"></span></a> </div>
            <div class="picmidmid">
              <ul>
                  {% for foo in aobj.photos %}

                  <li> <a href="javascript:void(0);"><img src="../../../static/front/{{ foo.picurl }}" alt="" bigimg="../../../static/front/{{ foo.picurl }}" text="{{ foo.cont }}" /></a></li>
                {% endfor %}
              </ul>
            </div>
            <div class="picmidright"> <a href="javascript:void(0)" id="nextArrow_B"><span class="sright"></span></a> </div>
          </div>
        </div>
      </div>
      
      <!--列表展示-->
      <div class="piclistshow">
        <ul>
             {% for foo in aobj.photos %}
          <li>
            <div class="picimg"><img src="../../../static/{{ foo.picurl }}" alt="" /></div>
            <div class="pictxt">
              <h3>{{ foo.cont }}<span>({{ forloop.counter }}/{{ nums }})</span></h3>
            </div>
          </li>
             {% endfor %}
        </ul>
      </div>
    </div>
    <div class="pictext">
      <ul>
       {{ aobj.cont }}
      </ul>
    </div>
    <div class="share">
      <p class="diggit"><a href="JavaScript:makeRequest('/e/public/digg/?classid=3&amp;id=19&amp;dotop=1&amp;doajax=1&amp;ajaxarea=diggnum','EchoReturnedText','GET','');"> 很赞哦！ </a>(<b id="diggnum"><script type="text/javascript" src="/e/public/ViewClick/?classid=2&id=20&down=5"></script>13</b>)</p>
    </div>
{% endif %}
{% if msg %}
    <div>{{ msg }}</div>
{% endif %}
</main>
  </div>

{% endblock %}